<template>
  <div>
      <div class="login_top clearfix">
        <a href="index.html" class="login_logo"><img src="static/images/logo.png"></a>	
      </div>

      <div class="login_form_bg">
        <div class="login_form_wrap clearfix">
          <div class="login_banner fl"></div>
          <div class="slogan fl">日夜兼程 · 急速送达</div>
          <div class="login_form fr">
            <div class="login_title clearfix">
              <h1>用户登录</h1>
              
            </div>
            <div class="form_input">
              <form>
                <input type="text" v-model="username" class="name_input" placeholder="请输入用户名">
                <div class="user_error">输入错误</div>
                <input type="password" v-model="pwd" class="pass_input" placeholder="请输入密码">
                <div class="pwd_error">输入错误</div>
                <div class="more_input clearfix">
                  <input type="checkbox" name="">
                  <label>记住用户名</label>
                  <a href="#">立即注册?</a>
                  <a href="#">忘记密码?</a>
                </div>
                <input type="button" name="" value="登录" class="input_submit" @click="login">
              </form>
            </div>
          </div>
        </div>
      </div>

      <div class="footer no-mp">
        <div class="foot_link">
          <a href="#">关于我们</a>
          <span>|</span>
          <a href="#">联系我们</a>
          <span>|</span>
          <a href="#">招聘人才</a>
          <span>|</span>
          <a href="#">友情链接</a>		
        </div>
        <p>CopyRight © 2016 北京趣活信息技术有限公司 All Rights Reserved</p>
        <p>电话：010-51851888    京ICP备*******8号</p>
      </div>
  </div>
</template>

<script>
import axios from 'axios'
export default {
    data() {
      return{
        username:'',
        pwd:'',
      }
    },
    methods:{
      // 点击登录
      login() {
        let fdata=new FormData()
        fdata.append('username',this.username)
        fdata.append('password',this.pwd)
        axios({
          url:'http://127.0.0.1:8000/app01/login/',
          method:'post',
          data:fdata
        }).then(resp=>{
          console.log(resp.data)
          if(resp.data.code==200){
            this.$router.push({path:'/index'})
            sessionStorage.setItem('token',resp.data.token)
          }
        })
      }
    },
    created(){

    }
}
</script>

<style>

</style>